﻿<%@ Control Language="C#" AutoEventWireup="true" Inherits="HL.Lib.MVC.ViewControl" %>
<% 
    var entity = ViewBag.Data as ModFeedbackEntity;
    if (entity == null)
        entity = new ModFeedbackEntity();

%>
<style type="text/css">
    .contact_ct
    {
        background: url(/Content/skins/images/wedding.jpg) top left no-repeat;
    }
    
    .imgMap{float:left; padding-top:5px}
    .divDesMap{padding:5px 0 0 87px}
    .alignR{text-align:right}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&hl=en&key=AIzaSyAUAUUwe3XG-R1Wl_t-C9UsE8U71njlq6Y"
    type="text/javascript"></script>
<script src="Content/Map/js/jquery.string.format.js" type="text/javascript"></script>
<script src="Content/Map/js/Map.js" type="text/javascript"></script>
<p class="m_title">
    Bản đồ</p>
<div class="contact conner4" style="background: none; height: 603px">
    <div class="filter">
        Tìm theo
        <select id="cbProvince" onchange="load2()">
            <option value="0">Tỉnh/Thành</option>
               <%=Utils.GetSelectCity(1) %>
        </select>
        <select id="cbServiceCategoly" onchange="FilterDioNews()">
         <option value="0">Chọn loại dich vụ</option>
              <%=Utils.GetSelectCatalogue(-1)%>
        </select> 
        <select id="cbPriceGroup" onchange="FilterDioNews()">
             <option value="0">Chọn giá</option>
                <%=Utils.GetSelectPrice(-1)%>
        </select>
    </div>
    <div class="maps">
        <div class="colL">
            <asp:Panel ID="Panel1" runat="server" Width="226px" Height="567px" ScrollBars="Vertical"
                CssClass="list">
                <ul id="listResult">
                    <li>
                        <img src="/Data/upload/images/News/main.jpg" width="60" height="60" />
                        <a>Trung tâm hội nghị tiệc cưới Âu Cơ</a> </li>
                </ul>
            </asp:Panel>
        </div>
        <div class="colR">
            <div class="mapList" id="GMap2" style="height: 550px">
                <script type="text/javascript">
                    load();

                </script>
            </div>
        </div>
    </div>
</div>
<p class="clear_5">
</p>
<script language="javascript" type="text/javascript">

/*
    $(function () {


        $.ajax({
            type: "POST",
            url: '/Tools/MMapServices.asmx/GetSurvey',
            cache: false,
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            success: handleHtml,
            error: ajaxFailed
        });

    });

    */
    function handleHtml(data, status) {
        data = eval("(" + data.d + ")");
        console.log(data);
    }

    function ajaxFailed(xmlRequest) {
        alert(xmlRequest.status + ' \n\r ' +
              xmlRequest.statusText + '\n\r' +
              xmlRequest.responseText);
    }
</script>
